<extend name="_Layout/main"/>

<block name="style">

</block>



<block name="main">
    <textarea id="lrc_content" class="mymusic_lyric" name="textfield" cols="70" rows="10" style="display:none;"></textarea>
    <aside class="col-sm-4 no-padder" id="sidebar">
        <section class="vbox animated fadeInUp">
            <section class="scrollable">
                <div class="m-t-n-xxs item pos-rlt">
                    <div class="top text-right">
                        <span class="musicbar animate bg-success bg-empty inline m-r-lg m-t" style="width:25px;height:30px">
                          <span class="bar1 a3 lter"></span>
                          <span class="bar2 a5 lt"></span>
                          <span class="bar3 a1 bg"></span>
                          <span class="bar4 a4 dk"></span>
                          <span class="bar5 a2 dker"></span>
                        </span>
                    </div>
                    <div class="bottom gd bg-info wrapper-lg" style="z-index:2;">
                        <span class="pull-right text-sm mymusic_username">999,999 <br>小众生活</span>
                        <span class="h2 font-thin mymusic_title">请点击右侧播放音乐</span>
                    </div>
                    <img class="img-full mymusic_pic blur" src="__IMG__/mymuscipic.jpg" style="height: 80%;">
                    <div class="MaskLayer"><!-- mymusic_lyric-->
                        <div class="contentlrc">
                            <ul id="lrc_list">
                                加 载 歌 词 中 ....
                            </ul>
                        </div>
                    </div>
                </div>
            </section>
        </section>
    </aside>


    <section class="col-sm-5 no-padder bg">
        <section class="vbox">
            <section class="scrollable hover">
                <ul class="list-group list-group-lg no-bg auto m-b-none m-t-n-xxs">
                    <volist name="volist" id="vo">
                        <li class="list-group-item clearfix my-music-collect">
                            <a href="javascript:;" data-id="{$vo.docid}" class="jp-play-me pull-right m-t-sm m-l text-md play-me">
                                <i class="icon-control-play text"></i>
                                <i class="icon-control-pause text-active"></i>
                            </a>
                            <div class="pull-right m-t-sm m-l text-md" style="font-size:14px;margin-right: 20px;">
                                时长：<span>{$vo.music_time}</span>
                            </div>
                            <a href="#" class="pull-left thumb-sm m-r">
                                <php>$vomusic=M('DocumentMusicList')->find($vo['docid']);$vo['cover']=$vomusic['cover'];</php>
                                <img src="{$vo.cover|get_cover='Music'}">
                            </a>
                            <a class="clear" href="#">
                                <span class="block text-ellipsis">{$vo.main_field}</span>
                                <php>$userinfo=M('User')->find($vo['uid']);$info['username']=$userinfo['username'];</php>
                                <small class="text-muted">by {$info.username}</small>
                            </a>

                        </li>
                    </volist>
                </ul>
            </section>
        </section>
    </section>


    <script type="application/javascript">
        $(document).ready(function(){

        });
    </script>

</block>
